// 基于准 备好的dom，初始化echarts实例
$(function() {
	a();
	b();
	c();
});

function a() {

	var url = $("#addr").val() + "/Apache/zzt";

	$.ajax({
		type: "POST",
		url: url, // 请求的URL
		data: JSON.stringify({}),  // 请求的数据
		dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
		contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
		async: true, // 可以不写， 是否异步请求
		success: function(data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作

			console.log("返回数据::: " + data);
			console.log("返回数据::: " + data.code);
			console.log("返回数据::: " + data.msg);
			var arr = data.data;
			var gradename = [];
			var studentnumber = [];
			for (let i = 0; i < arr.length; i++) {
				gradename[i] = arr[i].gradeName;
				studentnumber[i] = arr[i].studentsNumber;

			}


			var myChart = echarts.init(document.getElementById('zhu'));

			// 指定图表的配置项和数据
			var option = {
				title: {
					text: '班级'
				},
				tooltip: {},
				legend: {
					data: ['班级人数']
				},
				xAxis: {
					data: gradename
				},
				yAxis: {},
				series: [
					{
						name: '班级人数',
						type: 'bar',
						data: studentnumber
					}
				]
			};
			// 使用刚指定的配置项和数据显示图表。
			myChart.setOption(option);
		}
	});
}

function b() {

	var url = $("#addr").val() + "/Apache/bzt";

	$.ajax({
		type: "POST",
		url: url, // 请求的URL
		data: JSON.stringify({}),  // 请求的数据
		dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
		contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
		async: true, // 可以不写， 是否异步请求
		success: function(data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作

			console.log("返回数据::: " + data);
			console.log("返回数据::: " + data.code);
			console.log("返回数据::: " + data.msg);
			var arr = data.data;//对象 (返回来的值)
			var dormitory = [];//数组
			for (let i = 0; i < arr.length; i++) {
				var ss = new Object();/*空的对象*/
				ss.name = arr[i].dormitoryName;
				ss.value = arr[i].bedNumber;
				dormitory[i] = ss;	

				console.log("ss.name:" + ss.name);
				console.log("ss.number:" + ss.value);
			}

			var dom = document.getElementById('chart-container');
			var myChart = echarts.init(dom, null, {
				renderer: 'canvas',
				useDirtyRect: false
			});
			var app = {};

			var option;

			option = {
				title: {
					text: '宿舍',
					subtext: 'Fake Data',
					left: 'center'
				},
				tooltip: {
					trigger: 'item'
				},
				legend: {
					orient: 'vertical',
					left: 'left'
				},
				series: [
					{
						name: '人数',
						type: 'pie',
						radius: '50%',
						data: dormitory,
						emphasis: {
							itemStyle: {
								shadowBlur: 10,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							}
						}
					}
				]
			};

			if (option && typeof option === 'object') {
				myChart.setOption(option);
			}

			window.addEventListener('resize', myChart.resize);
		}
	});
}

function c() {
	var dom = document.getElementById('zx');
	var myChart = echarts.init(dom, null, {
		renderer: 'canvas',
		useDirtyRect: false
	});
	var app = {};

	var option;

	option = {
		xAxis: {
			type: 'category',
			data: ['你', '我', '他', '去', '完', '饿', '人']
		},
		yAxis: {
			type: 'value'
		},
		series: [
			{
				data: [130, 50, 200, 120, 140, 160, 130],
				type: 'line',
				symbol: 'triangle',
				symbolSize: 20,
				lineStyle: {
					color: '#5470C6',
					width: 4,
					type: 'dashed'
				},
				itemStyle: {
					borderWidth: 3,
					borderColor: '#EE6666',
					color: 'yellow'
				}
			}
		]
	};

	if (option && typeof option === 'object') {
		myChart.setOption(option);
	}

	window.addEventListener('resize', myChart.resize);
}